<template>
  <div>
    <div>{{bar}}</div>
    <Vmodel v-model:bar="bar" />

    <div>{{val}}</div>
    <VmodelValue v-model="val"/>
  </div>
</template>

<script>
import { defineComponent, ref } from 'vue'
import Vmodel from './components/vmodel'
import VmodelValue from './components/vmodevalue'
export default defineComponent({
    setup(){
      const bar = ref('')
      const val = ref('')
      return {
        bar,
        val
      }
    },
    components:{
      Vmodel,
      VmodelValue
    }
})

// export default {
//   model: {
//     prop: 'title',
//     event: 'change'
//   },
//   props: {
//     // 这将允许 `value` 属性用于其他用途
//     value: String,
//     // 使用 `title` 代替 `value` 作为 model 的 prop
//     title: {
//       type: String,
//       default: 'Default title'
//     }
//   }
// }
</script>



